<!--
 * @Description: 用户任务配置
 * @Author: DHL
 * @Date: 2022-08-04 10:41:36
 * @LastEditors: DHL
 * @LastEditTime: 2022-10-12 10:31:50
-->
<template>
  <div class="process-panel-tab__user-task">
    <el-divider />
    <div class="process-panel-tab__content-title">
      <div>
        <svg-icon className="process-icon" iconClass="appStoreFill"></svg-icon>
        <span>审批人</span>
      </div>
      <el-button type="primary" size="small" @click="handleOpen">
        <svg-icon className="process-icon" iconClass="plus"></svg-icon>
        审批人设置
      </el-button>
    </div>

    <UserTaskForm ref="userTaskFormRef"></UserTaskForm>
  </div>
</template>

<script setup lang="ts">
  import { useBpmnStore } from '../../../../store/bpmn'
  import UserTaskForm from './userTaskForm.vue'

  //////////////////////////////////////////////////
  // 属性
  //////////////////////////////////////////////////
  const bpmnStore = useBpmnStore()

  /**
   * 审批人表单
   */
  const userTaskFormRef = ref()

  //////////////////////////////////////////////////
  // 函数
  //////////////////////////////////////////////////

  /**
   * 打开弹框
   */
  function handleOpen() {
    userTaskFormRef.value.handleOpen('add')
  }

  /**
   * 提交审批人设置
   */
  function handleSubmit() {}
</script>

<style scoped lang="scss">
  .process-panel-tab__user-task {
  }
</style>
